<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎登录</title>
    <link rel="stylesheet" href="css/login.css"/>
    <script src="js/login.js"></script>
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"></link>
</head>
<body onload="createCode()">
<div class="container-fluid " style="background-image: url('img/login.jpg');background-repeat: round;margin-top: 10%">
    <div class="col-sm-4 col-lg-offset-4">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputEmail3" placeholder="用户名">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="inputPassword3" placeholder="密码">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">验证码</label>
                <div class="col-sm-10 row ">
                    <div class="col-sm-4">
                        <input class=" form-control " id="YZ" name="yz" style="width: 150px;">
                    </div>
                    <div class="code col-sm-8" id="checkCode" onclick="createCode()"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <div class="checkbox">
                        <label>
                            <!--<input id="read" onclick="read()" type="checkbox"> 我已阅读用户协议-->
                            <input type="checkbox" id="cr">
                            <p for="cr" data-toggle="modal" data-target="#myModal">我已阅读用户协议</p>
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button id="sulogin" class="btn btn-default">登陆</button>
                </div>
            </div>
        </form>
        <div class="content">
            <div id="Tip"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $("#sulogin").click(function () {
        var username = $("#inputEmail3").val();
        var password = $("#inputPassword3").val();
        var YZ = $("#YZ").val();
        // xml
        var a;
        $.ajax({
            url: 'Xml/info.xml',
            type: 'get',
            dataType: 'xml',
            timeout: 1000,      //设定超时
            cache: false,
            error: function (xml) {
                alert('加载asdf文档出错');
            },
            success: function (xml) {
                $(xml).find("student").each(function (i) {
                    var username1 = $(this).children("username").text();
                    var password1 = $(this).children("password").text();
                    if (code == YZ) {
                        if (username1 == username && password1 == password) {
                            alert("登录成功！");
                        } else {
                            alert("用户或者密码错误");
                        }
                    } else {
                        alert("验证码错误");
                    }
                })
            }
        })
    })
</script>
<!-- 注册协议模态框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">多彩贵州注册协议</h4>
            </div>
            <div class="modal-body">
                1. 接受条款
                以任何方式使用凡科网产品即表示您同意自己已经与凡科公司就凡科网平台服务事项（下称凡科网服务）订立本条款，且您将受本条款的条件约束。您应在第一次登录后仔细阅读本条款，并有权选择停止或继续使用凡科网服务；一旦您继续使用凡科网服务，
                则表示您已接受本条款，当您与凡科公司、凡科网发生争议时，应以本条款作为约束双方的条款。除另行明确声明外，任何使凡科网服务范围扩大或功能增强的新内容均受本条款约束。
                2.谁可使用凡科网平台
                凡科网服务仅供能够根据相关法律订立具有法律约束力的合约的主体使用。如不符合本项条件，请勿使用凡科网服务。凡科网服务不会提供给被暂时或永久中止资格的凡科网会员。
                3. 收费
                凡科公司保留在根据本条款第1条通知您后，收取凡科网服务费用的权利。您因进行交易、向凡科公司获取有偿服务或接触凡科公司服务器而发生的所有应纳税赋，以及相关硬件、软件、通讯、网络服务及其他方面的费用均由您自行承担。凡科公司保留在无须发出书面通知，仅在凡科网平台公示的情况下，暂时或永久地更改或停止部分或全部凡科网服务的权利。
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

            </div>
        </div>
    </div>
</div>

</body>
</html>